<script>
export default {
  props: ['title', 'fruits'],

  data() {
    return {
      msg: 'from child component'
    }
  },

  mounted() {
    // console.log(this.title)
  }
}
</script>

<template>
  <div>
    <div>
      {{this.title}}
    </div>
    <div>
      <slot :msg="msg" name="header2"></slot>
      <slot name="header1" :fruits="fruits"></slot>
    </div>
  </div>
</template>

<style lang="scss">
  
</style>
